<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>视频采集在线观看</title>
    <meta name="keywords"
          content="2019最新电影，2019最。2019电影排名，好看的电视剧,好看的电影，新电视剧，好看的电影，免费电影，伦理电影，伦理片，电影网站，电影在线观看，天天美剧,美剧天堂,美剧汇,人人美剧">
    <meta name="description"
          content="最全的最新电视剧，2018最新电影，韩国电视剧、香港TVB电视剧、日本动漫、日剧、美剧、综艺的在线观看和剧集交流场所，西瓜影音在线观看高清电影，每天第一时间更新，放送好看的迅雷电影下载。">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta name="referrer" content="no-referrer"/>
    <link rel="stylesheet" href="/static/css/element.css">
    <link rel="stylesheet" href="/static/css/style.css">
    <script src="/static/js/common/vue.js"></script>
    <script src="/static/js/common/axios.js"></script>
    <script src="/static/js/common/element.js"></script>
    <script src="/static/js/common/qs.js"></script>
    <script src="/static/js/common/request.js"></script>
    <script src="/static/js/common/jquery.js"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="shortcut icon" href="/static/default/images/ico.png" type="image/x-icon"/>
    <link rel="stylesheet" href="/static/default/images/mytheme-font-v=2.2.css" type="text/css"/>
    <link rel="stylesheet" href="/static/default/images/mytheme-ui-v=2.2.css" type="text/css"/>
    <link rel="stylesheet" href="/static/default/images/mytheme-site-v=2.2.css" type="text/css"/>
    <link rel="stylesheet" href="/static/default/images/mytheme-color-v=2.2.css" type="text/css" name="default"/>
    <link rel="stylesheet" href="/static/default/images/mytheme-color1-v=2.2.css" type="text/css" name="skin"
          disabled/>
    <link rel="stylesheet" href="/static/default/images/mytheme-color1-v=2.2.css" type="text/css" name="skin"
          disabled/>
    <link rel="stylesheet" href="/static/default/images/mytheme-color2-v=2.2.css" type="text/css" name="skin"
          disabled/>
    <link rel="stylesheet" href="/static/default/images/mytheme-color3-v=2.2.css" type="text/css" name="skin"
          disabled/>
    <link rel="stylesheet" href="/static/default/images/mytheme-color4-v=2.2.css" type="text/css" name="skin"
          disabled/>
    <script type="text/javascript" src="/static/default/images/jquery.min-v=3.3.1.js"></script>
    <script type="text/javascript" src="/static/default/images/layer-v3.1.1.js"></script>
    <script type="text/javascript" src="/static/default/images/mytheme-ui-v=2.2.js"></script>
    <!--    <script type="text/javascript" src="/static/default/images/mytheme-cms-v=2.2.js"></script>-->
    <!--    <script type="text/javascript" src="/static/default/images/home.js"></script>-->
    <style>
        #movie_tv a.active, #movie a.active, #tv a.active {
            color: cornflowerblue;
        }
    </style>
</head>
<body class="active">
<div id="app" v-cloak>
    <header class="myui-header__top clearfix" id="header-top">
        <div class="container">
            <div class="row">
                <div class="myui-header_bd clearfix">
                    <div class="myui-header__logo">
                        <a class="logo" href="/">
                            <img class="img-responsive hidden-xs" src="/static/default/images/logo.png"
                                 style="width: 100px; height: 38px;margin-top: 11px;"/>
                            <img class="img-responsive visible-xs" src="/static/default/images/logo.png"
                                 style="width: 66px; height: 29px; margin-top: 18px;"/>
                        </a>
                    </div>
                    <ul class="myui-header__menu nav-menu">
                        <template v-for="item in navbar.nav">
                            <li class=" active hidden-sm hidden-xs">
                                <a :href="item.link">[[item.title]]</a>
                            </li>
                        </template>
                        <li class="dropdown-hover">
                            <a href="javascript:;">线路 <i class="fa fa-angle-down"></i></a>
                            <div class="dropdown-box bottom fadeInDown clearfix" style="margin-left: -80px;">
                                <ul class="item nav-list clearfix">
                                    <li class="col-lg-5 col-md-5 col-sm-5 col-xs-3">
                                        <a :class="['btn', 'btn-sm', 'btn-block', line == 1?'btn-warm':'btn-']"
                                           href="javascript:;" @click="lineClick(1)">线路1</a>
                                    </li>
                                    <li class="col-lg-5 col-md-5 col-sm-5 col-xs-3">
                                        <a :class="['btn', 'btn-sm', 'btn-block', line == 2?'btn-warm':'btn-']"
                                           href="javascript:;" @click="lineClick(1)">线路2</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="dropdown-hover">
                            <a href="javascript:;">频道 <i class="fa fa-angle-down"></i></a>
                            <div class="dropdown-box bottom fadeInDown clearfix">
                                <ul class="item nav-list clearfix">
                                    <template v-for="(item,index) in navbar.bar">
                                        <li class="col-lg-5 col-md-5 col-sm-5 col-xs-3">
                                            <template v-if="index == 0">
                                                <a class="btn btn-sm btn-block btn-warm" :href="item.link">[[item.title]]</a>
                                            </template>
                                            <template v-else>
                                                <a class="btn btn-sm btn-block btn-"
                                                   :href="item.link">[[item.title]]</a>
                                            </template>
                                        </li>
                                    </template>
                                </ul>
                            </div>
                        </li>
                        <li class="dropdown-hover">
                            <a href="javascript:;" @click="goDaoubanClick">豆瓣</a>
                        </li>
                        <li class="dropdown-hover">
                            <a href="javascript:;" @click="goToolClick">工具</a>
                        </li>
                    </ul>

                    <div class="myui-header__search search-box">
                        <a class="search-select dropdown-hover" href="javascript:;">
                            <span class="text">站内</span> <i class="fa fa-caret-down"></i>
                            <div class="dropdown-box bottom fadeInDown">
                                <ul class="item">
                                    <li class="btn btn-sm btn-block btn-warm" @click="inoutClick(1)"
                                        style="margin-bottom: 5px;">站内
                                    </li>
                                    <li class="btn btn-sm btn-block btn-" @click="inoutClick(2)">站外</li>
                                </ul>
                            </div>
                        </a>


                        <input type="text"
                               id="wd"
                               name="searchword"
                               class="search_wd form-control"
                               value=""
                               placeholder="输入影片关键词..."
                               autocomplete="off"
                               style="padding-left: 72px;"
                               v-model="formSearch"
                               @keyup.enter="searchClick(formSearch)"
                        />
                        <button
                                class="submit search_submit"
                                id="searchbutton"
                                type="button"
                                @click="searchClick(formSearch)"
                        >
                            <i class="fa fa-search"></i>
                        </button>

                        <div id="word" class="autocomplete-suggestions active hidden-xs" style="display: none;"></div>
                        <a class="search-close visible-xs" href="javascript:;"><i class="fa fa-close"></i></a>
                    </div>
                    <ul class="myui-header__user">
                        <li class="visible-xs">
                            <a class="open-search" href="javascript:;"><i class="fa fa-search"></i></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </header>

    <div class="container">
        <div class="row">

            <div class="myui-panel myui-panel-bg clearfix">
                <div class="myui-panel-box clearfix">
                    <div class="myui-panel_bd clearfix">
                        <div class="col-lg-1 col-md-1 col-xs-1 padding-0">
                            <div class="myui-panel_hd" id="movie_tv" style="padding: 5px;">
                                <div class="myui-panel__head clearfix">
                                    <h3 class="title">
                                        <a href="javascript:;" @click="MTClick($event,'movie','tv')">电影</a>
                                    </h3>
                                    <h3 class="title">
                                        <a href="javascript:;" @click="MTClick($event,'tv','movie')">电视剧</a>
                                    </h3>
                                </div>
                            </div>
                            <div id="movie">
                                <ul class="clearfix">
                                    <template v-for="item in movieTags">
                                        <li style="float: left;padding: 3px 0;">
                                            <a
                                                    style="padding:5px;"
                                                    href="javascript:;"
                                                    @click="tagClick($event,item)">[[item]]</a>
                                        </li>
                                    </template>
                                </ul>
                            </div>
                            <div id="tv">
                                <ul class="clearfix">
                                    <template v-for="item in tvTags">
                                        <li style="float: left;padding: 3px 0;">
                                            <a
                                                    style="padding:5px;"
                                                    href="javascript:;"
                                                    @click="tagClick($event,item)">[[item]]</a>
                                        </li>
                                    </template>
                                </ul>
                            </div>

                            <div class="sort" style="padding: 5px;">
                                <template v-for="item in sortList">
                                    <label style="margin-right: 10px;">
                                        <input
                                                type="radio"
                                                name="sort"
                                                :value="item.value"
                                                v-model="formData.sort"
                                                @click="sortClick(item.value)"
                                        >
                                        [[item.name]]
                                    </label>

                                </template>
                            </div>


                            <ul class="myui-vodlist clearfix">
                                <template v-for="(item,index) in MTListData">
                                    <li class="col-lg-6 col-md-6 col-sm-4 col-xs-3">
                                        <div class="myui-vodlist__box">
                                            <a class="myui-vodlist__thumb lazyload"
                                               href="javascript:;"
                                               :title="item.title"
                                               :style="{backgroundImage: 'url('+item.cover+')'}"
                                               referrer="no-referrer|origin|unsafe-url"
                                               @click="searchClick(item.title)"
                                            >
                                                <span class="play hidden-xs"></span>
                                                <span class="pic-text text-right">豆瓣评分：[[item.rate]]</span>
                                            </a>
                                            <div class="myui-vodlist__detail">
                                                <h4 class="title text-overflow">
                                                    <a href="javascript:;"
                                                       :title="item.title"
                                                    >[[item.title]]</a>
                                                </h4>
                                            </div>
                                        </div>
                                    </li>
                                </template>
                            </ul>
                            <div>
                                <a
                                        style="display: block;margin-top:20px;height: 34px;line-height: 34px;text-align: center;font-size: 14px;background: #f7f7f7;"
                                        href="javascript:;"
                                        @click="loadMore"
                                >加载更多</a>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

        </div>
    </div>
    <div class="myui-foot clearfix">
        <div class="container min">
            <div class="row">
                <div class="col-pd text-center">
                    <p class="margin-0">本网站提供的最新电视剧和电影资源均系收集于各大视频网站，本网站只提供web页面服务，并不提供影片资源存储，也不参与录制、上传
                        若本站收录的节目无意侵犯了贵司版权，请与我们取得联系，我们会及时处理和回复，谢谢！
                    </p>
                </div>
            </div>
        </div>
    </div>
    <ul class="myui-extra clearfix">
        <li>
            <a class="backtop" href="javascript:scroll(0,0)" title="返回顶部" style="display: none;">
                <i class="fa fa-angle-up"></i></a>
        </li>
        <li>
            <a class="btnskin" href="javascript:;" title="切换皮肤"><i class="fa fa-windows"></i></a>
        </li>
    </ul>


</div>
<script>
    let app = new Vue({
        delimiters: ["[[", "]]"],
        el: "#app",
        data: {
            line: 1,
            inout: 1,
            formSearch: "",
            navbar: {},
            MTListData: [],
            movieTags: ["热门", "最新", "经典", "可播放", "豆瓣高分", "冷门佳片", "华语", "欧美", "韩国", "日本", "动作", "喜剧", "爱情", "科幻", "悬疑", "恐怖", "成长"],
            tvTags: ["热门", "美剧", "英剧", "韩剧", "日剧", "国产剧", "港剧", "日本动画", "综艺", "纪录片"],
            tvSort: ["按热度排序", "按时间排序", "按评价排序"],
            sortList: [{
                name: "按热度排序",
                value: "recommend",
            }, {
                name: "按时间排序",
                value: "time",
            }, {
                name: "按评价排序",
                value: "rank",
            }],
            formData: {
                type: "movie",
                page_limit: 12,
                page_start: 0,
                tag: "热门",
                sort: "recommend",
            }

        },
        mounted() {
            this.line = localStorage.getItem("line") ? localStorage.getItem("line") : 1;
            this.navbar = this.line == 1 ? navbar1 : navbar2;
            this.requestMT();
            $("#movie_tv h3:first-child a").addClass("active").parent().siblings().children().removeClass("active");
            $("#movie ul li:first-child a").addClass("active").parent().siblings().children().removeClass("active");
            $("#tv ul li:first-child a").addClass("active").parent().siblings().children().removeClass("active");
            $("#tv").css({display: "none"})
        },
        methods: {
            requestMT() {
                let layerLoad = layer.load(1, {
                    shade: [.6, '#000'],
                });
                let data = this.formData;
                requestFunc(null, '/douban/home', data, (data) => {
                    // console.log(data)
                    layer.close(layerLoad);
                    if (data.data.subjects) {
                        this.MTListData = data.data.subjects;
                    } else {
                        this.$message({
                            message: "检测到有异常请求从你的 IP 发出，请 登录 使用豆瓣。",
                            duration: 3000,
                            showClose: true,
                            type: "error"
                        });
                        setTimeout(() => {
                            location.href = "/";
                        }, 3000)
                    }


                })
            },
            MTClick(e, id1, id2) {
                $(e.target).addClass("active").parent().siblings().children().removeClass("active");
                $("#" + id1).css({display: "block"});
                $("#" + id2).css({display: "none"});
                this.formData = {
                    type: id1,
                    page_limit: 12,
                    page_start: 0,
                    tag: "热门",
                    sort: "recommend",
                };
                this.requestMT();
            },
            tagClick(e, tag) {
                $(e.target).addClass("active").parent().siblings().children().removeClass("active");
                this.formData.tag = tag;
                this.formData.page_start = 0;
                this.requestMT();
            },
            sortClick(sort) {
                this.formData.sort = sort;
                this.formData.page_start = 0;
                this.requestMT();
            },
            loadMore() {
                let layerLoad = layer.load(1, {
                    shade: [.6, '#000'],
                });
                this.formData.page_start += 12;
                let data = this.formData;
                requestFunc(null, '/douban/home', data, (data) => {
                    layer.close(layerLoad);
                    this.MTListData = this.MTListData.concat(data.data.subjects);
                })
            },
            lineClick(line) {
                localStorage.setItem("line", line);
                location.href = "/";
            },
            inoutClick(aside) {
                this.inout = aside;
            },
            searchClick(searchword) {
                if (searchword == "") {
                    this.$message({message: "请输入搜索内容", duration: 1500, showClose: true, type: "warning"});
                    return false;
                }
                if (this.inout == 1) {
                    location.href = "/search?page=1&searchword=" + searchword;
                } else if (this.inout == 2) {
                    location.href = "/out?searchword=" + searchword;
                }
            },
            goDaoubanClick() {
                location.href = "/douban";
            },
            goToolClick() {
                location.href = "/tool";
            }
        },
    });
</script>
<script type="text/javascript" src="/static/default/images/mytheme-site-v=2.2.js"></script>
<script type="text/javascript">
    MyTheme.Images.Qrcode.Init();
    MyTheme.Link.Short();
    MyTheme.Other.Skin();
    MyTheme.Other.Share();
</script>
</body>
</html>